@charset "utf-8";
/* CSS Document */

body{

	padding:0;
	/*font-family:Verdana,Geneva,Sans-serif;*/
    font-family: Helvetica, Arial, Tahoma, ;
	font-size:12px;
	width:80%;
    margin : auto;
		
}
#entete {

    margin-top: 0;
}
.erreurs{
	border: 1px solid;
	border-color:#F00;
    background-repeat: no-repeat;
    background-position: 10px center;
	background:#f2dede;;
	position:relative;
	text-align:center;
	font-weight:bold;
}
a .none{
text-decoration:none;	
}
.success{
	border: 1px solid;
	border-color:#060;
	text-align:center;
    background-repeat: no-repeat;
    background-position: 10px center;
	background:#dff0d8;
	font-weight:bold;
	
}
.warning{
	border: 1px solid;
	border-color:#060;
    margin: 5px 25px 5px 0;
	text-align:center;
    background-repeat: no-repeat;
    background-position: 10px center;
	background:#fcf8e3;
	font-weight:bold;
}

/*///////////////////////////////////
////////////// TITRES///////////////
/////////////////////////////////////////*/


div .titre_h1_particulier{
	background:url(./theme/images/Pictos-Particulier1.png) no-repeat;
	width:100%;
	margin:25px 0 10px 0px;
	height:120px;	
}
div .titre_h1_particulier h1{
	padding-left:100px;
	font-size:x-large;
	font-family: serif;
	letter-spacing: 0.3em;
	font-variant:small-caps;
	font-weight:bold;

}
div .titre_h1_professionnel{
	background:url(theme/images/Pictos-Professionnel1.png) no-repeat;
	width:100%;
	margin:25px 0 10px 0px;
	height:120px;	
}
div .titre_h1_professionnel h1{
	padding-left:100px;
	font-size:x-large;	
	font-family: serif;
	letter-spacing: 0.3em;
	font-variant:small-caps;
	font-weight:bold;
	
}

div .titre_h1_fou{
	background:url(theme/images/Pictos-Fournisseur1.png) no-repeat;
	width:100%;
	margin:25px 0 10px 0px;
	height:120px;	
}
div .titre_h1_fou h1{
	padding-left:100px;
	font-size:x-large;	
	font-family: serif;
	letter-spacing: 0.3em;
	font-variant:small-caps;
	font-weight:bold;
	
}

div .titre_h1_particulier span{
	padding-left:100px;
	font-weight:bold;
	font-style:italic;	
	display:block;
	margin-right:25px;
}

/*///////////////////////////////////
////////////legend///////////////////*/

div .legend_formulaire_particulier{
	background:url(theme/images/Fond-Bouton-Particulier.jpg) ;
	height:37px;
	line-height:37px;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:20px;
	margin-top:10px;
	/*margin-right:25px;*/
}

div .legend_formulaire_pro{
	background:url(theme/images/Fond-Bouton-Professionnel.jpg) ;
	height:37px;
	line-height:37px;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:1.5em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	/*margin-right:25px;*/	
}

div .legend_formulaire_fou{
	background:url(theme/images/Fond-Bouton-Fournisseur.jpg) ;
	height:37px;
	line-height:37px;
	color:#FFFFFF;
	font-variant:small-caps;
	font-size:1.5em;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
	/*margin-right:25px;*/
}


/*////////////////////////////////////
///////////	  Banniere //////////////
///////////////////////////////////*/

#banniere{
	height:5em;
	/*background:url(theme/images/Fond-Bouton-A-Propos.jpg) top;*/
	background:#000;
	color:#FFFFFF;	
	line-height:4em;
}

#banniere .acceuil {
    font-size: 14px;
}

#banniere .a-propos {
    font-size: 14px;
}

#banniere .message {
    font-size : 14px;
}

#banniere .compte {
    font-size: 14px;
}
#bandeau span{
	color : #FFFFFF;
	font-variant:small-caps;
	font-weight:bold;	
}
#bandeau span a{
	color : #FFFFFF; 	
}

#banniere .lien{
	color:#FFFFFF;	
	font-size:15px;
	padding-top:20px;
	margin-left:50px;
}

#banniere .lien:hover{
	font-weight:bold;
}

#bandeau{

	width:60%;
	float:right;
	background:url(theme/images/Bandeau-Haut-Inscription.png) no-repeat right;
    background-size: 95% 45px;
	margin-right:5%;
	font-size:1.2em;
	line-height:45px;
	text-align:center;
}



#bandeau .inscription{
	color:#FFFFFF;	
}
#bandeau .inscription:hover{
	font-weight:bold;	
}
#bandeau .connexion{
	color:#FFFFFF;	
	text-decoration:none;
}
#bandeau .connexion:hover{
	font-weight:bold;	
}

#logo{
    width: 30%;
    height: auto;
	margin:1% 0 0 1%;
}

#conteneur_menu{
	background:#000;
	color:#FFFFFF;
    height: 100%;
    overflow: inherit;
}
#conteneur_menu .titre{
	text-align:center;
	padding-top:1%;
	font-weight:normal;
}
#conteneur_menu a{
	text-decoration:none;
	font-size:18px;
	font-weight:bold;
	display:inline-block;
	text-align:center;
	
}
#conteneur_menu a:hover{
	font-weight:bold;	
}
#conteneur_menu .particulier{
    width: 33%;
    height: 90%;
	background:url(theme/images/Pictos-Particulier1.png) no-repeat top;
    background-size: 20% auto;
	margin:-1%;
	float:left;
	text-align:center;
}

#conteneur_menu .particulier .lien {
	text-align:center;
	color:#00a0e0;
	margin-top:26.8%;
}
#bandeau_particulier{
	background:url(theme/images/Onglet-Particulier.png) no-repeat center;
    background-size: 80% auto;
	margin-top:0;
}

#conteneur_menu .professionnel{
    width: 33%;
    height: 90%;
	background:url(theme/images/Pictos-Professionnel1.png) no-repeat top;
    background-size: 20% auto;
	margin:-1%;
	float:right;
	text-align:center;	
}
#bandeau_professionnel{
	background:url(theme/images/Onglet-Professionnel.png) no-repeat center;
    background-size: 80% auto;
    margin-top:0;
}
#conteneur_menu .professionnel .lien {
	text-align:center;
	color:#f8b142;
    margin-top:26.6%;
}

#conteneur_menu .fournisseur{
    width: 33%;
    height: 90%;
	background:url(theme/images/Pictos-Fournisseur1.png) no-repeat top;
    background-size: 20% auto;
	text-align:center;
    margin: -1%;
    margin-left: auto;
    margin-right: auto;
}
#conteneur_menu .fournisseur .lien {
	text-align:center;
	color:#e3007e;
    margin-top:26.7%;
}
#bandeau_fournisseur{
	background:url(theme/images/Onglet-Fournisseur.png) no-repeat center;
    background-size: 80% auto;
    margin-top:0;
}

#conteneur_menu .lien_bandeau{
	color:#FFFFFF;
	line-height:300%;
	font-weight:normal;	
}

#likebox-wrapper{
    width : 10%;

}
#bandeau .fb-like.fb_iframe_widget{
margin-bottom: -4px;
}
#bandeau .fb_iframe_widget iframe{
    margin-top: -18px;
    width:auto!important;
    height:auto!important;
}

#widget{
    margin-top:20px;
}


/*///////////////////////////////////////////////
////////////////////FOOTER///////////////////////
/////////////////////////////////////////////////*/

/*///////////////////////////////////////////////
////////////////////FOOTER///////////////////////
/////////////////////////////////////////////////*/

footer {
	background:#000 bottom;
	height:15em;
    width: 100%;
	color:#FFFFFF;
	margin:0 0 0 0;
	position: relative;
    overflow: hidden;
    float: left;

}
#menu_footer h1{
	font-size:medium;
	padding-left:10%;
	padding-top:2%;
}

#menu_footer span{
	padding-left:20%;
}

#nous {
	padding-left:5%;
	/*font-size:1.5em;*/
	width:25%;
	line-height:12px;
	float:left;
	text-align:center;
}

#nous .rubrique {
	background:url(theme/images/Double-Fleche-Jaune1.png) no-repeat;
	padding-bottom:4%;
}
#nous .rubrique a{
	text-decoration:none;
	color:#FFFFFF;	
}
#nous .rubrique a:hover{
	font-weight:bold;	
	color:#FFFFFF;
}
/* style des liens << regions >> en bas de la page */

#region1 {
	margin-left:10%;
	/*font-size:1.5em;*/
	width:25%;
	line-height:100%;
	float:left;	
	text-align:center;
}
#region1 .region {
	background:url(theme/images/Double-Fleche-Jaune1.png) no-repeat;
	padding-bottom:2%;
}
#region1 .region a{
	text-decoration:none;
	color:#FFFFFF;	
}
#region1 .region a:hover{
	font-weight:bold;	
	color:#FFFFFF;
}
/*/////////*/
#region2 {
	/*font-size:1.5em;*/
	width:25%;
	line-height:100%;
	float:left;	
	text-align:center;
}
#region2 .region {
	background:url(theme/images/Double-Fleche-Jaune1.png) no-repeat;	
	padding-bottom:2%;
	
}
#region2 .region a{
	text-decoration:none;
	color:#FFFFFF;
}
#region2 .region a:hover{
	font-weight:bold;	
	color:#FFFFFF;
}

#region3 {
	
	/*font-size:1.5em;*/
	width:250px;
	line-height:12px;
	float:left;	
	text-align:center;
}
#region3 .region {
	background:url(theme/images/Double-Fleche-Jaune1.png) no-repeat;	
	padding-bottom:10px;
	
}
#region3 .region a{
	text-decoration:none;
	color:#FFFFFF;	
}
#region3 .region a:hover{
	font-weight:bold;	
	color:#FFFFFF;
}





/*Mention su site tout en bas de la page /**/


#mention_footer{
	height:100%;
	margin-top:10em;
	background:#FFFFFF bottom;
	line-height:150%;
	color:#000;
	/*font-size:1.3em;	*/
}

#mention_footer .copyright{
	padding-left:5%;
	text-align:left;	
}

#mention_footer .mention{
	text-align:right;
	text-decoration:none;
	float:right;
	padding-right:50px;	
}
#mention_footer a {
	text-decoration:none;
	color:#00a0e0;
}
#mention_footer a:hover {
	font-weight:bold;	
}



/*////Formulaire de connexion*/

#popup_connexion{
    display: none;
    position: fixed;
    top:0; right:0; bottom:0; left:0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000;
}
#popup_connexion:target{
    display: block;
}
.popup_block{
    background: #fff;
    padding: 20px 20px 20px 20px;
    border: 2px solid #FFF;
    position: relative;
    margin: 5% auto;
    width: 400px;
	height:510px;
    box-shadow: 0px 0px 20px #000;
}
img.btn_close {
    float: right;
    margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}
.close{
	background:url(theme/images/fermer_png1.png) no-repeat;
	display:block;
	height:50px;
	width:100px;	
	float:right;
	margin:0 40px 50px 0;
	
	
}
#connexion{
	background:#F2F2F2;
	height:280px;
	font-size:1em;
	margin:-30px 0 0 0;	
}
#ok{
	background:url(theme/images/Connexion/Picto-Multicolor.png) no-repeat ;
	height:40px;
	width:50px;
	margin:10px 0 0 22px;
	float:left;	
	display:block;
	
}
#msg{
	background:url(theme/images/Connexion/Phrase-Multicolor.png) no-repeat;
	float:left;
	height:36px;
	width:308px;
	margin:10px 0 10px 0;	
}

#popup_connexion input {
	width:88%;
	margin:0 0 0 22px;
	
}

.formulaire_connexion {
	display:block;
	margin:25px 0 5px 22px;
}

#mot_de_passe_oublie{
	display:block;
	font-size:10px;
	text-align:end;
	text-decoration:underline;
	
	margin:10px 22px 5px 0;
	
}
#popup_connexion a{
	color:#000;	
}
#bouton_connexion{
	width:173px;
	height:40px;
	float:left;
	margin:0 250px 0 22px;
	background:url(theme/images/Connexion/Bouton-Multicolor.jpg) no-repeat center;	
}
#erreurs_connexion{
	margin-left:22px;
	margin-top:5px;
	font-size:15px;
	color:#C36;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;	
}
#popup_connexion button:hover{
	cursor:pointer;		
}

#creer_compte{
	background:	#F2F2F2;
	height:200px;
	margin:20px 0 0 0;
}
#creer_compte .text{
	font-size:9px;	
	margin:5px 0 0 22px;
}
#iconplus{
	height:50px;
	margin:10px 0 0 22px;
	background:url(theme/images/Connexion/Picto-Noir.png) no-repeat left;	
	line-height:50px;
	text-align:center;
	font-size:x-large;
	font-weight:bolder;	
	
}
#creer_compte input {
	width:88%;
	margin:0 0 0 22px;	
}
#creer_compte button:hover{
	cursor:pointer;		
}
#creer_compte label {
	display:block;
	font-size:1em;
	margin:10px 0 5px 22px;
}

#creer_compte button{
	color:#FFFFFF;
	background:#000;
	width:180px;
	height:40px;
	font-weight:bold;
	margin:10px 0 0 22px;	
}
 
 
 /*/////////////////File d'ariane////////////////*/
#file_ariane{
	margin:3% 0 1% 0;
	background:#000;
	height:2em;
	color : #FFFFFF;
	line-height:2em;
    font-size: 14px;
    padding-left: 5%;
}
#file_ariane a{
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;	
}
/*////////////Conteneur principal//////////////*/
div#conteneur{
	position:relative;
	min-height:550px;
	font-size:1.5em;


}

#pour_style{
	/*background-image:-moz-linear-gradient( #00a0e0,  #00f4fb, #00a0e0);
	background-image:-webkit-linear-gradient( #00a0e0,  #00f4fb, #00a0e0);
	background-image:-o-linear-gradient( #00a0e0,  #00f4fb, #00a0e0);
	background-image:linear-gradient( #00a0e0,  #00f4fb, #00a0e0);*/
	background:#FFFFFF;
	height:60px;	
}

/*//////////////////*/
#banniere_slide img{
	cursor:pointer;
}
#banniere_slide img:hover{
	transform:matrix;
}
div#images .img {
	height:100%;
	width:100%;
	margin-bottom:5px;	
	margin-top:5px;
	
/*
-moz-box-shadow: inset 10px 10px 5px 1px #656565;
-webkit-box-shadow: inset 10px 10px 5px 1px #656565;
-o-box-shadow: inset 10px 10px 5px 1px #656565;
box-shadow: inset 10px 10px 5px 1px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
 border-radius: 10px;	*/
}
div#bouton_bas{

} 

div#images .img:hover{
	-moz-box-shadow: 8px 8px 5px 0px #656565;
-webkit-box-shadow: 8px 8px 5px 0px #656565;
-o-box-shadow: 8px 8px 5px 0px #656565;
box-shadow: 8px 8px 5px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;}
/*****Contenu****/
#contenu{
	float:left;
	padding-left:5%;
	width:65%;
	margin-bottom:2%;
    margin-right: 0;
    padding-right: 0;
}

#baniere_slide{
    float:right;
    padding-right: 5%;
    width:35%;
    margin-bottom: 2%;
    margin-left: 0;
    padding-left: 0;
}
#tabs{
	width:100%;	
}
#tabs ul a{
	font-variant:small-caps;
	font-weight:bold;
	font-size:medium;	
}
#banniere_slide{
	float:right;
	min-height:50%;
	margin-bottom:2%;
    padding-right: 5%;
    width: 20% !important;
    height: auto !important;
}



#banniere_slide .img{
    max-height: 100%;
    max-width: 100%;
    height: 100%;
    width: auto;
}
/******/

/*Hotel*/
div#contenu .offre_hotel{
	background:#000;	
	height:2em;
	margin-bottom:1%;
	padding:1% 2.2% 0.5% 2%;
	cursor:pointer;
	width:100%;
	
	transition-property:all;
	transition-duration:5s;
	transition-timing-function:ease;
	transition-delay:-1s;
}
div#contenu .offre_hotel:hover{
	background:#CC9;
}
div#contenu .offre_hotel .img{
	background:#0173bb;
	height: 100%;
    width: 3.1em;
	color:#FFFFFF;
	float:left;
}
div#contenu .offre_hotel .img img{
	margin:0.1em 0.7em 0;
    height: 1.7em;
    width: 53%;
}

#contenu_offre_hotel6 .detail {
    font-size: 14px;
}
#contenu_offre_hotel6 .trouver {
    font-size: 14px;
}
#contenu_offre_hotel6 .consulter {
    font-size: 14px;
}
#contenu_offre_hotel5 .detail {
    font-size: 14px;
}
#contenu_offre_hotel5 .trouver {
    font-size: 14px;
}
#contenu_offre_hotel5 .consulter {
    font-size: 14px;
}
#contenu_offre_hotel4 .detail {
    font-size: 14px;
}
#contenu_offre_hotel4 .trouver {
    font-size: 14px;
}
#contenu_offre_hotel4 .consulter {
    font-size: 14px;
}

#contenu_offre_resto22 .trouver {
    font-size: 14px;
}
#contenu_offre_resto22 .consulter {
    font-size: 14px;
}
#contenu_offre_resto22 .detail {
    font-size: 14px;
}
#contenu_offre_resto23 .trouver {
    font-size: 14px;
}
#contenu_offre_resto23 .consulter {
    font-size: 14px;
}
#contenu_offre_resto23 .detail {
    font-size: 14px;
}
#contenu_offre_resto24 .trouver {
    font-size: 14px;
}
#contenu_offre_resto24 .consulter {
    font-size: 14px;
}
#contenu_offre_resto24 .detail {
    font-size: 14px;
}

#contenu_offre_traiteur8 .detail {
    font-size: 10px;
}
#contenu_offre_traiteur8 .trouver {
    font-size: 10px;
}
#contenu_offre_traiteur8 .consulter {
    font-size: 10px;
}
#contenu_offre_traiteur9 .detail {
    font-size: 10px;
}
#contenu_offre_traiteur9 .trouver {
    font-size: 10px;
}
#contenu_offre_traiteur9 .consulter {
    font-size: 10px;
}
#contenu_offre_traiteur10 .detail {
    font-size: 10px;
}
#contenu_offre_traiteur10 .trouver {
    font-size: 10px;
}
#contenu_offre_traiteur10 .consulter {
    font-size: 10px;
}

#contenu .retour-acceuil
div .titre_appel {
	color:#FFFFFF;
	float:left;	
	font-weight:bold;
	line-height:100%;
	margin-left:5em;
	font-size:medium;
}

div#contenu .offre_hotel .fleche{
	color:#FFFFFF;
	background:#0173bb;
	font-weight:bold;
	float:right;
	height:60%;
	width:2.2%;
	-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);
    -ms-transform : rotate(-90deg) ;
	margin-top:1%;
}
div#contenu .offre_hotel .fleche_enver{
	color:#FFFFFF;
	background:#0173bb;
	font-weight:bold;
	float:right;
	height:70%;
	width:2.5%;
	-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
    -ms-transform : rotate(90deg) ;
	margin-top:1%;
}

div#contenu .fleche span{
	font-size:medium;
	margin-bottom:10px;	
	
}

/*resto*/
div#contenu .offre_resto{
    background:#000;
    height:2em;
    margin-bottom:1%;
    cursor:pointer;
    width:100%;
    padding:1% 2.2% 0.5% 2%;
	
	transition-property:all;
	transition-duration:5s;
	transition-timing-function:ease;
	transition-delay:-1s;
	
}
div#contenu .offre_resto:hover{
	background:#CC9;
}
div#contenu .offre_resto .img{
	background:#ff781e;
    height: 100%;
    width : 3.1em;
	color:#FFFFFF;
	float:left;
}
div#contenu .offre_resto .img img{
    margin:0.1em 0.5em 0 0.5em;
    height:1.8em;
    width:65%;
}
div .titre_appel {
	color:#FFFFFF;
	float:left;	
	font-weight:bold;
	line-height:100%;
	margin-left:30px;
	font-size:medium;
}

div .offre_resto .fleche{
	color:#FFFFFF;
	background:#ff781e;
	font-weight:bold;
	float:right;
	height:60%;
	width:2.2%;
	-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);
    -ms-transform : rotate(-90deg) ;
	margin-top:1%;
}
div .offre_resto .fleche_enver{
	color:#FFFFFF;
	background:#ff781e;
	font-weight:bold;
	float:right;
	height:70%;
	width:2.5%;
	-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
    -ms-transform : rotate(90deg);
	margin-top:1%;
}

div .fleche span{
	font-size:medium;
	margin-bottom:10px;	
	
}

/*traiteur*/

/*resto*/
div#contenu .offre_traiteur{
    background:#000;
    height:2em;
    margin-bottom:1%;
    padding:1% 2.2% 0.5% 2%;
    cursor:pointer;
    width:100%;
	
	transition-property:all;
	transition-duration:5s;
	transition-timing-function:ease;
	transition-delay:-1s;
}
div#contenu .offre_traiteur:hover{
	background:#CC9;
}
div#contenu .offre_traiteur .img{
	background:#b70066;
    height: 100%;
	float:left;
}
div#contenu .offre_traiteur .img img{
    margin:0.1em 0.5em 0 0.5em;
    height:1.7em;
    width:65%;

}
div#contenu .titre_appel {
	color:#FFFFFF;
	float:left;	
	font-weight:bold;
	line-height:250%;
	margin-left:3%;
	font-size:medium;
}

div .offre_traiteur .fleche{
	color:#FFFFFF;
	background:#b70066;
	font-weight:bold;
	float:right;
	height:60%;
	width:2.2%;
	-moz-transform:rotate(-90deg);
    -webkit-transform:rotate(-90deg); 
    -o-transform:rotate(-90deg);
    -ms-transform : rotate(-90deg) ;
	margin-top:1%;
}

div .offre_traiteur .fleche_enver{
	color:#FFFFFF;
	background:#b70066;
	font-weight:bold;
	float:right;
	height:70%;
	width:2.5%;
	-moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
    -ms-transform : rotate(90deg) ;
	margin-top:1%;
}

div#contenu .fleche span{
	font-size:medium;
	margin-bottom:10px;	
	
}

div .contenu_offre {
	/*margin-left:150px;*/
	background:#81DAF5;
	margin-bottom:1%;
    width:90%;
    padding:1% 2.2% 0.5% 2%;
}
div .contenu_offre span{
	font-weight:bold;	
}
div .contenu_offre div{
	margin-bottom:0.5%;
}
.resto{
	background:#ff781e;
	height:37px;
	margin-bottom:10px;	
	color:#FFFFFF;
	font-weight:bold;
	margin-left:475px;
	margin-right:20px;
	width:200px;
}
.bouton{
    clear: both;
    margin-top: 1em;
}
.hotel{
	background:#0173bb;
	height:37px;
    font-variant: normal;
	color:#FFFFFF;
    clear: both;
    display: block;
}
.traiteur{
	background:#b70066;
	height:37px;
	margin-bottom:1%;
	color:#FFFFFF;
	font-weight:bold;
	margin-left:475px;
	margin-right:20px;
	width:200px;
}
div .titre_appel_offre span{
	font-family: serif;        
 /* background: #0066CC none;   /* Fond du titre bleu (et sans image de fond) */
  letter-spacing: 0.3em;
  font-weight:bold;
  font-variant:small-caps;
  font-size:large;
  margin-top:20px;	
}
div .contenu_offre .cadre{
	float:left;
	height:auto;
	width:28%;

	margin-right:2%;
    margin-bottom: 1%;
}
div .contenu_offre .cadre img{
    width: 100%;
    height: auto;
}


/*///////////////////////
bouton//////////////////

////////////////////////*/
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}

.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #ebebeb;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #cccccc;
}

.btn-default .badge {
  color: #ffffff;
  background-color: #fff;
}

.btn-primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}

.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}

.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #d2322d;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #47a447;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #39b3d7;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}

.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}

.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}

#monForm {font-size: small;}

/* reduire taille de la police si la taille de la fenetre passe sous un cap*/
@media only screen and (max-width: 1100px) {

    body { font-size: 10px; }
    #conteneur_menu a{ font-size: 14px;}
    div#contenu .titre_appel { font-size: small;}
    div#contenu .fleche span {font-size: small;}
    #menu_footer h1{ font-size: small; }
    #region1 .region { background-size: 8%;}
    #region2 .region { background-size: 8%;}
    #nous .rubrique {background-size: 8%;}
    #banniere .acceuil { font-size: 13px;}
    #banniere .a-propos {font-size: 13px;}
    #banniere .message {font-size : 13px;}
    #banniere .compte {font-size: 13px;}
    #file_ariane{font-size: 12px; }

    #contenu_offre_hotel6 .detail,#contenu_offre_hotel6 .trouver,#contenu_offre_hotel6 .consulter,
    #contenu_offre_hotel5 .detail ,#contenu_offre_hotel5 .trouver ,#contenu_offre_hotel5 .consulter ,
    #contenu_offre_hotel4 .detail,#contenu_offre_hotel4 .trouver,#contenu_offre_hotel4 .consulter   {font-size: 12px;}

    #contenu_offre_resto22 .detail,#contenu_offre_resto22 .trouver,#contenu_offre_resto22 .consulter,
    #contenu_offre_resto23 .detail ,#contenu_offre_resto23 .trouver,#contenu_offre_resto23 .consulter,
    #contenu_offre_resto24 .detail,#contenu_offre_resto24 .trouver,#contenu_offre_resto24 .consulter {font-size: 12px;}

    #contenu_offre_traiteur8 .detail,#contenu_offre_traiteur8 .trouver,#contenu_offre_traiteur8 .consulter,
    #contenu_offre_traiteur9 .detail,#contenu_offre_traiteur9 .trouver,#contenu_offre_traiteur9 .consulter,
    #contenu_offre_traiteur10 .detail,#contenu_offre_traiteur10 .trouver,#contenu_offre_traiteur10 .consulter {font-size: 12px;}

    div .titre_h1_professionnel h1, div .titre_h1_fou h1,div .titre_h1_particulier h1{ font-size: large;}

    }
    #tabs ul a{font-size: small;}
    #monForm {font-size: 11px;}
    div .legend_formulaire_particulier{ font-size:medium;}
}
@media only screen and (max-width: 912px) {

    body { font-size: 8px; }
    #conteneur_menu a{ font-size: 14px;}
    div#contenu .titre_appel { font-size: x-small;}
    div#contenu .fleche span {font-size: x-small;}
    #menu_footer h1{ font-size: x-small; }
    #banniere .acceuil { font-size: 11px;}
    #banniere .a-propos {font-size: 11px;}
    #banniere .message {font-size : 11px;}
    #banniere .compte {font-size: 11px;}
    #file_ariane{font-size: 11px; }
    #contenu_offre_hotel6 .detail,#contenu_offre_hotel6 .trouver,#contenu_offre_hotel6 .consulter,
    #contenu_offre_hotel5 .detail ,#contenu_offre_hotel5 .trouver ,#contenu_offre_hotel5 .consulter ,
    #contenu_offre_hotel4 .detail,#contenu_offre_hotel4 .trouver,#contenu_offre_hotel4 .consulter   {font-size: 11px;}

    #contenu_offre_resto22 .detail,#contenu_offre_resto22 .trouver,#contenu_offre_resto22 .consulter,
    #contenu_offre_resto23 .detail ,#contenu_offre_resto23 .trouver,#contenu_offre_resto23 .consulter,
    #contenu_offre_resto24 .detail,#contenu_offre_resto24 .trouver,#contenu_offre_resto24 .consulter {font-size: 11px;}

    #contenu_offre_traiteur8 .detail,#contenu_offre_traiteur8 .trouver,#contenu_offre_traiteur8 .consulter,
    #contenu_offre_traiteur9 .detail,#contenu_offre_traiteur9 .trouver,#contenu_offre_traiteur9 .consulter,
    #contenu_offre_traiteur10 .detail,#contenu_offre_traiteur10 .trouver,#contenu_offre_traiteur10 .consulter {font-size: 11px;}

    #tabs ul a{font-size: x-small;}
    div .legend_formulaire_particulier{ font-size:small;}

    div .titre_h1_professionnel h1, div .titre_h1_fou h1,div .titre_h1_particulier h1{ font-size: large;}
}


@media only screen and (max-width: 700px) {

    body { font-size: 6px; }
    div#contenu .titre_appel { font-size: xx-small;}
    div#contenu .fleche span {font-size: xx-small;}
    #menu_footer h1{ font-size: xx-small; }

    #conteneur_menu .particulier .lien { font-size: 12px}
    #conteneur_menu .particulier .lien_bandeau { font-size: 11px}
    #conteneur_menu .fournisseur .lien { font-size: 12px}
    #conteneur_menu .fournisseur .lien_bandeau { font-size: 11px}
    #conteneur_menu .professionnel .lien { font-size: 12px}
    #conteneur_menu .professionnel .lien_bandeau { font-size: 11px}
    #banniere .acceuil { font-size: 10px;}
    #banniere .a-propos {font-size: 10px;}
    #banniere .message {font-size : 10px;}
    #banniere .compte {font-size: 10px;}
    #file_ariane{font-size: 10px; }

    #contenu_offre_hotel6 .detail,#contenu_offre_hotel6 .trouver,#contenu_offre_hotel6 .consulter,
    #contenu_offre_hotel5 .detail ,#contenu_offre_hotel5 .trouver ,#contenu_offre_hotel5 .consulter ,
    #contenu_offre_hotel4 .detail,#contenu_offre_hotel4 .trouver,#contenu_offre_hotel4 .consulter   {font-size: 10px;}

    #contenu_offre_resto22 .detail,#contenu_offre_resto22 .trouver,#contenu_offre_resto22 .consulter,
    #contenu_offre_resto23 .detail ,#contenu_offre_resto23 .trouver,#contenu_offre_resto23 .consulter,
    #contenu_offre_resto24 .detail,#contenu_offre_resto24 .trouver,#contenu_offre_resto24 .consulter {font-size: 10px;}

    #contenu_offre_traiteur8 .detail,#contenu_offre_traiteur8 .trouver,#contenu_offre_traiteur8 .consulter,
    #contenu_offre_traiteur9 .detail,#contenu_offre_traiteur9 .trouver,#contenu_offre_traiteur9 .consulter,
    #contenu_offre_traiteur10 .detail,#contenu_offre_traiteur10 .trouver,#contenu_offre_traiteur10 .consulter {font-size: 10px;}

    #tabs ul a{font-size: xx-small;}
    div .legend_formulaire_particulier{ font-size:x-small;}
    div .titre_h1_professionnel h1, div .titre_h1_fou h1, div .titre_h1_particulier h1{ font-size: medium;}
}